<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>创客导师引领计划</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="keywords" name="keywords" content="" />
    <meta http-equiv="description" name="description" content="" />
    <link href="css/ydui.css" rel="stylesheet" />
    <script src="js/ydui.flexible.js"></script>
	<link rel="stylesheet" type="text/css" href="css/all.css?v=20180302"/>
    
</head>
<body ms-controller="planlist">
<section class="g-flexview">
    <header class="m-navbar">
        <div class="navbar-center"><span class="navbar-title">创客导师引领计划列表</span></div>
    </header>
    <section class="g-scrollview">
        <article class="m-list list-theme2">
            <a ms-attr="{'href':'plandetail.html?id='+el.id}" class="list-item" ms-for="el in @listdata">
                <div class="list-img">
                    <img ms-attr="{'src':el.imageUrl[0]}" data-url="img/loader.jpg" >
                </div>
                <div class="list-mes">
                    <h3 class="list-title">{{el.planName}}</h3>
                    <h3 class="list-title">电话号：{{el.planPhone}}</h3>
                    <h3 class="list-title">计划单位:{{el.planUnit}}</h3>

                </div>
            </a>
        </article>

    </section>

</section>
    <script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
    <script src="js/ydui.js"></script>
    <script src="js/avalon.mobile.min.js"></script>
    <script src="../js/all.js" type="text/javascript" charset="utf-8"></script>
    <script>   	
	    var model =avalon.define({
	    	$id:'planlist',
	    	listdata:[],
	    	getlist:function(){
	    		ComFunJS.getJSON(ComFunJS.APIURL('creator/plan/list'),function(r){
	    			model.listdata=r.data
	    			$('.m-list').find('img').lazyLoad({binder: '.g-scrollview'});
	    		})
	    	}
	    })
	    avalon.ready(function(){
	    	model.getlist()
	    })
    </script>
</body>
</html>
